"use client"; // 标记为 Client Component

export default function AboutPage() {
  return (
    <div className="bg-[#F5F5F5] min-h-screen py-12 relative">
      <div className="container mx-auto px-4 relative">
        {/* 标题 */}
        <h1 className="text-4xl font-bold text-center mb-8 text-[#333] text-red-700">
          联系我们
        </h1>

        {/* 内容部分 */}
        <div className="bg-[#F5F5F5] p-8  shadow-sm w-[1000px] mx-auto border-t-2 border-b-2 border-dashed border-gray-400 text-red-700">
          {/* 左上角文字：发表时间和来源 */}
        <div className="absolute top-[66px] left-[124px] p-4 text-sm text-gray-600 text-red-700">
          发表时间：2025-03-16 来源：中税师
        </div>

        {/* 右下角文字：网站编辑 */}
        <div className="absolute bottom-0 right-[132px] p-4 text-sm text-gray-600 text-red-700">
          网站编辑：中税师
        </div>

          <div>
          {/* 第一段 */}
          <p className="text-lg leading-7 text-gray-700 indent-8 mt-12 mt-4 text-red-700">
            &emsp;&emsp;地址：北京市石景山区古城西路113号景山财富中心418～419</p>

          {/* 第二段 */}
          <p className="text-lg leading-7 text-gray-700 indent-8 mt-4 text-red-700">
            &emsp;&emsp;邮编：100043</p>

          {/* 第三段 */}
          <p className="text-lg leading-7 text-gray-700 indent-8 mt-4 text-red-700">
            &emsp;&emsp;Email：zhongshuishi@126.com</p>

          {/* 第四段 */}
          <p className="text-lg leading-7 text-gray-700 indent-8 mb-16 mt-4 text-red-700">
            &emsp;&emsp;联系电话：010-68814900/010-68802320</p>
          </div>
        </div>
      </div>
    </div>
  );
}